body {
	color:#333;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
    line-height: 200%;	
}

.box{
	border-top:1px solid #999;
	border-left:1px solid #999;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px;
}

.box h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#banner h2{
 text-align: center;
 font-size: 16px; margin: 0px;
}

.box .title{
 letter-spacing: 7px;
}
.title:first-letter{
	font-size: 160%;
}

.box .descr{
 color: #9999cc;
 font-style: italic;
}

a{
  color: Black;
}

a:hover{
 text-decoration: none;
}

a.autor {
 color: #778899;
 background-color: white;
 letter-spacing: 3px;

}

a.autor:hover {
 color: black;
}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#ccc;
        line-height: 130%;
text-align: center;
	}

#navAlpha {
	position:absolute;
	width:170px;
	top:60px;
	left:20px;
	border:0px dashed black;
	background-color:#eee;
	padding:5px;
	z-index:2;


	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
	}


body>#navAlpha {width:170px;}

		

#navBeta {
	position:absolute;
	width:200px;
	top:60px;
	left:210px;
	border:0px dashed black;
	background-color:#eee;
	padding:5px;
	z-index:1;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}

body>#navBeta {width:200px;}

.content {
	position: absolute; 
	width:auto;
	min-width:120px;
	top:60px;
	left:435px;

	border:0px solid black;

	background-color:#eee;

	padding:5px;

	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

	}


#banner {
	background:#fff;
	height: 80px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:39px;
}


div.cell{ 
	float: left;
	margin: 10px;
  width: 150px;
  height: 240px;
  padding-top: 10px;

  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  display: table-cell;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}


div.cell a img {
	border: 0px;
	display: block;
	margin: 0px auto;
}




#footer{
 border: dotted 1px;
 padding: 2px;
 background-color: #eeeeee;
}
#footer h2{
 font-size: 1.2em;
 display: block;
}

#footer a{
 color: gray;
}